<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="512" height="778">
    <g v-if="props.state">
        <g id="svg_24">
          <line :stroke="props.strokeColor" id="svg_9" y2="134.28491" x2="171.64321" y1="26.55417" x1="280.62188" stroke-width="30" fill="none"/>
          <line :stroke="props.strokeColor" id="svg_10" y2="134.49719" x2="369.14786" y1="26.76645" x1="260.16919" stroke-width="30" fill="none"/>
        </g>
        <g id="svg_27">
          <line :stroke="props.strokeColor" id="svg_25" y2="197.29861" x2="171.64321" y1="89.56787" x1="280.62188" stroke-width="30" fill="none"/>
          <line :stroke="props.strokeColor" id="svg_26" y2="197.51088" x2="369.14786" y1="89.78014" x1="260.16919" stroke-width="30" fill="none"/>
        </g>
        <g transform="rotate(180 270.396 629.841)" id="svg_30">
          <line :stroke="props.strokeColor" id="svg_28" y2="683.59999" x2="171.64321" y1="575.86925" x1="280.62188" stroke-width="30" fill="none"/>
          <line :stroke="props.strokeColor" id="svg_29" y2="683.81227" x2="369.14785" y1="576.08153" x1="260.16919" stroke-width="30" fill="none"/>
        </g>
        <g transform="rotate(180 270.396 699.704)" id="svg_33">
          <line :stroke="props.strokeColor" id="svg_31" y2="753.46301" x2="171.64321" y1="645.73227" x1="280.62188" stroke-width="30" fill="none"/>
          <line :stroke="props.strokeColor" id="svg_32" y2="753.67528" x2="369.14785" y1="645.94454" x1="260.16918" stroke-width="30" fill="none"/>
        </g>
        <line :stroke="props.strokeColor" id="svg_34" y2="302.09589" x2="271.0685" y1="111.68493" x1="266.95891" stroke-width="20" fill="none"/>
        <path id="svg_41" d="m-412.02896,95.10639l-0.42374,0.42371l0.42374,0.42371l-0.24216,0.24229l-0.6659,-0.66601l0.6659,-0.66606" stroke-width="30" :stroke="props.strokeColor" fill="none"/>
        <path id="svg_42" d="m-481.54265,159.16803l-0.42374,0.42371l0.42374,0.42371l-0.24216,0.24229l-0.6659,-0.66601l0.6659,-0.66606" stroke-width="30" :stroke="props.strokeColor" fill="none"/>
        <line transform="rotate(101.382 268.329 286.342)" :stroke="props.strokeColor" id="svg_51" y2="330.74493" x2="329.69251" y1="241.94002" x1="206.96494" stroke-width="20" fill="none"/>
        <line transform="rotate(12.9254 271.069 289.766)" :stroke="props.strokeColor" id="svg_49" y2="331.21004" x2="331.48365" y1="248.32277" x1="210.65335" stroke-width="20" fill="none"/>
        <line :stroke="props.strokeColor" id="svg_53" y2="497.98629" x2="271.06849" y1="670.58904" x1="272.43836" stroke-width="20" fill="none"/>
        <line id="svg_54" y2="291.13698" x2="135.45206" y1="503.46575" x1="272.43836" stroke-width="20" :stroke="props.strokeColor" fill="none"/>
    </g>
    <g v-else>
      <g id="svg_24">
      <line :stroke="props.strokeColor" id="svg_9" y2="134.28491" x2="171.64321" y1="26.55417" x1="280.62188" stroke-width="30" fill="none"/>
      <line :stroke="props.strokeColor" id="svg_10" y2="134.49719" x2="369.14786" y1="26.76645" x1="260.16919" stroke-width="30" fill="none"/>
      </g>
      <g id="svg_27">
      <line :stroke="props.strokeColor" id="svg_25" y2="197.29861" x2="171.64321" y1="89.56787" x1="280.62188" stroke-width="30" fill="none"/>
      <line :stroke="props.strokeColor" id="svg_26" y2="197.51088" x2="369.14786" y1="89.78014" x1="260.16919" stroke-width="30" fill="none"/>
      </g>
      <g transform="rotate(180 270.396 629.841)" id="svg_30">
      <line :stroke="props.strokeColor" id="svg_28" y2="683.59999" x2="171.64321" y1="575.86925" x1="280.62188" stroke-width="30" fill="none"/>
      <line :stroke="props.strokeColor" id="svg_29" y2="683.81227" x2="369.14785" y1="576.08153" x1="260.16919" stroke-width="30" fill="none"/>
      </g>
      <g transform="rotate(180 270.396 699.704)" id="svg_33">
      <line :stroke="props.strokeColor" id="svg_31" y2="753.46301" x2="171.64321" y1="645.73227" x1="280.62188" stroke-width="30" fill="none"/>
      <line :stroke="props.strokeColor" id="svg_32" y2="753.67528" x2="369.14785" y1="645.94454" x1="260.16918" stroke-width="30" fill="none"/>
      </g>
      <line id="svg_34" y2="669.21917" x2="272.43836" y1="111.68493" x1="268.32877" stroke-width="20" :stroke="props.strokeColor" fill="none"/>
      <path id="svg_41" d="m-412.02896,95.10639l-0.42374,0.42371l0.42374,0.42371l-0.24216,0.24229l-0.6659,-0.66601l0.6659,-0.66606" stroke-width="30" :stroke="props.strokeColor" fill="none"/>
      <path id="svg_42" d="m-481.54265,159.16803l-0.42374,0.42371l0.42374,0.42371l-0.24216,0.24229l-0.6659,-0.66601l0.6659,-0.66606" stroke-width="30" :stroke="props.strokeColor" fill="none"/>
      <line transform="rotate(101.382 269.699 298.671)" id="svg_51" y2="350.04109" x2="345.04105" y1="247.30137" x1="194.35612" stroke-width="20" :stroke="props.strokeColor" fill="none"/>
      <line transform="rotate(12.9254 269.699 298.671)" id="svg_49" y2="350.04038" x2="345.0411" y1="247.30065" x1="194.35616" stroke-width="20" :stroke="props.strokeColor" fill="none"/>
    </g>  
  </svg>
</template>
<script setup lang="ts">
const props = defineProps({
  strokeColor: String,
  state: Boolean,
  text:String
});
</script>